<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin user Examples</title>
  <meta name="description" content="这是一个 user 页面">
  <meta name="keywords" content="user">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="../assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="../assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../assets/css/admin.css">
  
  	<!--[if lt IE 9]>
	<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
	<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->
	
	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="../assets/js/jquery.min.js"></script>
	<!--<![endif]-->
	<script src="../assets/js/amazeui.min.js"></script>
	
	<script src="../assets/js/app.js"></script>
  
</head>
<body>
	<!-- 这是header -->
	<%@include file="header.jsp" %>
	<!-- 这是header -->
	<!-- leftside begin -->
	<%@include file="leftside.jsp" %>
	<!-- leftside end -->

	  <!-- content start -->
	  <div class="admin-content">
	    <div class="admin-content-body">
	      <div class="am-cf am-padding am-padding-bottom-0">
	        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">个人资料</strong> / <small>Personal information</small></div>
	      </div>
	
	      <hr/>
	
	      <div class="am-g">
	        <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">
	          <div class="am-panel am-panel-default">
	            <div class="am-panel-bd">
	              <div class="am-g">
	                <div class="am-u-md-4">
	                  <img class="am-img-circle am-img-thumbnail" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/200/h/200/q/80" alt=""/>
	                </div>
	                <div class="am-u-md-8">
	                  <p>你可以使用<a href="#">gravatar.com</a>提供的头像或者使用本地上传头像。 </p>
	                  <form class="am-form">
	                    <div class="am-form-group">
	                      <input type="file" id="user-pic">
	                      <p class="am-form-help">请选择要上传的文件...</p>
	                      <button type="button" class="am-btn am-btn-primary am-btn-xs">保存</button>
	                    </div>
	                  </form>
	                </div>
	              </div>
	            </div>
	          </div>
	
	          <div class="am-panel am-panel-default">
	            <div class="am-panel-bd">
	              <div class="user-info">
	                <p>等级信息</p>
	                <div class="am-progress am-progress-sm">
	                  <div class="am-progress-bar" style="width: 60%"></div>
	                </div>
	                <p class="user-info-order">当前等级：<strong>LV8</strong> 活跃天数：<strong>587</strong> 距离下一级别：<strong>160</strong></p>
	              </div>
	              <div class="user-info">
	                <p>信用信息</p>
	                <div class="am-progress am-progress-sm">
	                  <div class="am-progress-bar am-progress-bar-success" style="width: 80%"></div>
	                </div>
	                <p class="user-info-order">信用等级：正常当前 信用积分：<strong>80</strong></p>
	              </div>
	            </div>
	          </div>
	
	        </div>
	
	        <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4">
	          <form class="am-form am-form-horizontal" action="${pageContext.request.contextPath}/PersonMessage/insertOrUpdate.do">
	            <div class="am-form-group">
	              <label for="user-name" class="am-u-sm-3 am-form-label">姓名 / Name</label>
	              <div class="am-u-sm-9">
	                <input type="text" id="user-name" name="tName"  value="${tPerson.tName}">
	               
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <label for="user-email" class="am-u-sm-3 am-form-label">电子邮件 / Email</label>
	              <div class="am-u-sm-9">
	                <input type="email" id="user-email" name="tEmail" value="${tPerson.tEmail}" }>
	               
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <label for="user-phone" class="am-u-sm-3 am-form-label">电话 / Telephone</label>
	              <div class="am-u-sm-9">
	                <input type="tel" id="user-phone" name="tPhone" value="${tPerson.tPhone}">
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <label for="user-QQ" class="am-u-sm-3 am-form-label">QQ</label>
	              <div class="am-u-sm-9">
	                <input type="number" pattern="[0-9]*" id="user-QQ"  name="tQq" value="${tPerson.tQq}">
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <label for="user-weibo" class="am-u-sm-3 am-form-label">微博 / Twitter</label>
	              <div class="am-u-sm-9">
	                <input type="text" id="user-weibo" name="tWeibo" value="${tPerson.tWeibo}">
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <label for="user-intro" class="am-u-sm-3 am-form-label">简介 / Intro</label>
	              <div class="am-u-sm-9">
	                <textarea class="" rows="5" id="user-intro" name="tMessage" value="${tPerson.tMessage}">${tPerson.tMessage}</textarea>
	                <small>250字以内写出你的一生...</small>
	              </div>
	            </div>
	
	            <div class="am-form-group">
	              <div class="am-u-sm-9 am-u-sm-push-3">
	                <input type="submit" class="am-btn am-btn-primary" value="保存修改">
	              </div>
	            </div>
	          </form>
	        </div>
	      </div>
	    </div>
	
	    <footer class="admin-content-footer">
	      <hr>
	      <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
	    </footer>
	
	  </div>
	  <!-- content end -->
	
	</div>
	
	<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>
	
	<footer>
	  <hr>
	  <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
	</footer>


</body>
</html>
